<template>
  <div>
     <!-- <el-tree
      ref="tree"
      :data="treeData"
      node-key="id"
      :props="treeProps"
      show-checkbox
      @check="handleCheck">
    </el-tree> -->
    <cus-form :nodes="nodes" ref="formRef"></cus-form>
  </div>
</template>

<script lang="ts">
import { ref } from 'vue'
import {  ElMessage } from 'element-plus'

export default{
  props: {
    data: {
      type: Object,
      default: () => {}
    },
  },
  setup(props) {
    let formRef = ref();
    let nodes: any = ref([
      { label: '名称', type: 'input', key: 'content', rule: { required: true, message: '请输入名称' }},
    ]);
    const save = (resolve, reject) => {
      formRef.value.validate(valid => {
        if(valid) {
          let data = {
            ...valid,
          }
          resolve(data);
          ElMessage.success('新建知识点成功~！');
        }else {
          reject()
        }
      })
    }
    // let treeData = ref([])
    // let treeProps = ref({ label: 'name', children: 'childs' });
    // emitter.emit('effect', async (subjectId) => {
    //   $.http.post('/tiku/knowledge/queryTree', { subjectId: subjectId }).then((res) => {
    //     if(res.result) {
    //       treeData.value = res.json
    //       props.paperInfo.map(v => {
    //         if(v.type === 3) {
    //           elTree(treeData.value , v.knowledgeId)
    //         }
    //       })
    //     console.log(treeData.value)
    //     }
    //   })
    // });
    // const elTree = (data, id) => {
    //   data.map(p => {
    //     if(p.id === id) {
    //       p.disabled = true
    //     }else {
    //       if(p.childs.length > 0) {
    //         p.childs.map(p1 => {
    //           if(p1.id === id) {
    //             p1.disabled = true
    //           }else {
    //             elTree(p.childs, id)
    //           }
    //         })
    //       }
    //     }
    //   })
    // }
    // // 选中知识点
    // let checkedData = []
    // let tree = ref()
    // const handleCheck = (data, { checkedNodes }) => {
    //   checkedData = checkedNodes
    // }
    // const save = (resolve, reject) => {
    //   if (checkedData.length) {
    //     resolve(checkedData)
    //   } else {
    //     ElMessage.warning('请至少选择一个知识点！');
    //     reject();
    //   }
    // }
    return { 
      // treeProps, treeData, handleCheck, tree,
      save, nodes, formRef } 
  }
}
</script>